// pages/right-dialog/index.ts
Page({

    /**
     * 页面的初始数据
     */
    data: {
        isShow: false, // 控制弹窗显示隐藏
        animationData: {}, // 弹窗动画导出数据
        systemWidth: 0, // 获取系统的宽度
    },
    // 定义动画的值
    animation: wx.createAnimation({
        duration: 200,
        timingFunction: "linear",
        delay: 0
    }),
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {
        const { screenWidth } = wx.getSystemInfoSync()
        this.setData({
            systemWidth: screenWidth
        })
    },

    // 显示弹窗
    showModal () {
        this.animation.translateX(this.data.systemWidth).translateX(0).step()
        this.setData({
            animationData: this.animation.export(),
            isShow: true
        })
    },
    // 隐藏弹窗
    hideModal () {
        this.animation.translateX(this.data.systemWidth).step()
        this.setData({
            animationData: this.animation.export(),
            isShow: true
        })
    }
})